<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style>
			*{
				margin: 0;
				padding: 0;
			}
			.box1{
				width: 100%;
				height: 40px;
				background-color: black;
				border: 1px solid black;
				margin: auto;
			}
			.box2{
				width: 1000px;
				height: 40px;
				background-color: red;
				border: 1px solid red;
				margin: auto;
			}
			.box3{
				width: 500px;
				height: 40px;
				background-color: yellow;
				float: left;
			}
			.box4{
				width: 150px;
				height: 40px;
				background-color: yellow;
				float: right;
			}
			.dd1{
				 width: 1000px;
				 height: 50px;
				 background-color: pink;
				margin:5px auto;
				overflow: hidden;
			}
			.dd2{
				width: 40px;
				height: 40px;
				background-color: gainsboro;
				float: left;
				margin: 5px;
			}
			.dd3{
				width: 500px;
				height: 40px;
				background-color: gainsboro;
				margin:5px auto;
			}
			.dd4{
				width: 100px;
				height: 40px;
				background-color: gainsboro;
				float: right;
				margin-top: -44px;
			}
			.f1{
				width: 1000px;
				height: 500px;
				background-color: skyblue;
				margin: auto;
			}
			.f2{
				width: 350px;
				height: 500px;
				background-color: thistle;
				float: left;
			}
			.f3{
				width: 650px;
				height: 500px;
				background-color: greenyellow;
				float: right;
			}
			.t1{
				width: 1000px;
				height: 210px;
				background-color: powderblue;
				margin:5px auto;
				
			}
			.t2{
				width: 225px;
				height: 190px;
				background-color: yellow;
				float: left;
				margin: 11px;
			}
			.t3{
				width: 225px;
				height: 190px;
				background-color: yellow;
				float: left;
				margin: 11px;
			}
			.t4{
				width: 225px;
				height: 190px;
				background-color: yellow;
				float: left;
				margin: 11px;
			}
			.t5{
				width: 225px;
				height: 190px;
				background-color: yellow;
				float: left;
				margin: 11px;
			}
			.g1{
				width: 1000px;
				height: 100px;
				background-color: black;
				margin:5px auto;
			}
			.i1{
				width: 1000px;
				height: 600px;
				background-color: paleturquoise;
				margin:20px auto;
				overflow: hidden;
			}
			.i2{
				width: 200px;
				height: 600px;
				background-color: darkcyan;
				float: left;
			}
			.i3{
				width: 190px;
				height: 295px;
				background-color: bisque;
				float: left;
				margin: 5px;
			}
			.i4{
				width: 190px;
				height: 295px;
				background-color: bisque;
				float: left;
				margin: 5px;
			}
			.i5{
				width: 190px;
				height: 295px;
				background-color: bisque;
				float: left;
				margin: 5px;
			}
			.i6{
				width: 190px;
				height: 295px;
				background-color: bisque;
				float: left;
				margin: 5px;
			}
			.i7{
				width: 190px;
				height: 295px;
				background-color: bisque;
				float: left;
				margin: 5px;
			}
			.i8{
				width: 190px;
				height: 295px;
				background-color: bisque;
				float: left;
				margin: 5px;
			}
			.i9{
				width: 190px;
				height: 295px;
				background-color: bisque;
				float: left;
				margin: 5px;
			}
			.i0{
				width: 190px;
				height: 295px;
				background-color: bisque;
				float: left;
				margin: 5px;
			}
		</style>
	</head>
	<body>
		<div class="box1"><div class="box2"><div class="box3"></div><div class="box4">
		</div></div></div>
		<div class="dd1">
			<div class="dd2"></div>
			<div class="dd3"></div>
			<div class="dd4"></div>
			</div>
		<div class="f1">
			<div class="f2"></div>
			<div class="f3"></div>
			</div>
		<div class="t1">
			<div class="t2"></div>
			<div class="t3"></div>
			<div class="t4"></div>
			<div class="t5"></div>
			</div>
		<div class="g1"></div>
		<div class="i1">
			<div class="i2"></div>
			<div class="i3"></div>
			<div class="i4"></div>
			<div class="i5"></div>
			<div class="i6"></div>
			<div class="i7"></div>
			<div class="i8"></div>
			<div class="i9"></div>
			<div class="i0"></div>
		</div>
		
	</body>
</html>
